<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="shortcut icon" href="image/favicon.ico" />
		<title>----</title>

		<style>
			.vw-left-container {
				background-color: #FFFFFF;
				padding: 10px 5px;
				border-radius: 4px;
				margin-left: -10px;
			}
			
			.vw-content-container {
				background-color: #FFFFFF;
				padding: 10px;
				border-radius: 4px;
				margin-left: -20px;
				margin-right: -10px;
			}
		</style>
	</head>

	<body>
		<div id="header"></div>

		<div class="container-fluid">
			<div class="row">
				<div class="col-md-1-5">
					<div id="vw-searchtree" class="vw-left-container"></div>
					<div id="vw-searchtree-table" class="vw-left-container" style="margin-top: 10px;"></div>
				</div>
				<div class="col-md-4-5">
					<div class="vw-content-container">
						<div class="row">
							<div class="col-md-12">
								<div id="vw-breadcrumb"></div>
							</div>
							<div style="position: absolute; right: 30px;top: 18px;z-index: 10;">
								<label>当前年度：</label>
								<span id="currentYear"></span>
							</div>
							<div style="position: absolute; right: 150px;top: 14px;">
								<label>调查期：</label>
								<select id="selectPeriod" style="width: 150px;"></select>
							</div>
						</div>
						<div id="rootwizard" style="padding-top: 10px;">
							<div class="row">
								<div class="col-md-12">
									<ul class="pull-left">
										<li>
											<a href="#tab_1" data-toggle="tab">填报状态</a>
										</li>
										<li>
											<a href="#tab_2" data-toggle="tab">上传数据</a>
										</li>
										<li>
											<a href="#tab_3" data-toggle="tab">上传附件</a>
										</li>
										<li>
											<a href="#tab_4" data-toggle="tab">提交数据</a>
										</li>
									</ul>
									<!--<div class="pull-right">
										<input type='button' class='btn btn-primary button-previous' name='previous' value='上一步' />
										<input type='button' class='btn btn-primary button-next' name='next' value='下一步' />
									</div>-->
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="tab-content" style="padding-top: 10px;">
										<!--<div class="alert alert-warning alert-dismissible" style="margin-bottom: 0; ">
											<strong>提示：</strong> <span id="alertMsg"></span>
										</div>-->
										<div class="tab-pane" id="tab_1">
											<div id="table_stat"></div>
										</div>
										<div class="tab-pane" id="tab_2">
											<div id="table_data"></div>
										</div>
										<div class="tab-pane" id="tab_3">
											<div id="table_attach"></div>
										</div>
										<div class="tab-pane" id="tab_4">
											<div id="form_meta"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="footer"></div>

		<script src="js/loading.js"></script>
		<script src="lib/requirejs/require.min.js"></script>
		<script src="js/vw.config.require.js"></script>
		<script src="js/static-data.js"></script>
		<script src="js/data-collection.js"></script>
		<script>
			require(['vw.header', 'data-collection'], function(vw_header, dc) {
				vw_header.init('header', 'footer');
				dc.init();
			});
		</script>
	</body>

</html>